<!DOCTYPE html>
<html lang="en">
	<head>
	    <meta charset="UTF-8">
	    <script type="text/javascript" src="../assets/js/vue.js" ></script>
	    <title>vue.extend扩展实例构造器</title>
	</head>
	<body>
		<h1>Vue2.0全局API-Vue.extend扩展实例构造器</h1>

		<author></author>
		
	</body>
	
	<script type="application/javascript">

		var authorExtend = Vue.extend({
			template:"<p><a :href='url'>{{username}}</a></p>",
			data:function(){
				return {
					username:'cjmust',
					url:"https://cjmust.gitee.io/font-page-demos/"
				}
			}
		});
		
		//加载，类似于jq，还可以绑定id。'#xx'
		new authorExtend().$mount('author');
	</script>
</html>